/**
 * plugins/vuetify.ts
 *
 * Framework documentation: https://vuetifyjs.com`
 */

// Styles
import '@mdi/font/css/materialdesignicons.css'
import 'vuetify/styles'

// Composables
import { createVuetify } from 'vuetify'

const baseFontSize = 16;
// https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
export default createVuetify({
  theme: {
    dark: false,
    themes: {
      dark: {
        primary:"#2196F3",
      },
      light: {
        colors: {
          primary: '#1867C0',
          secondary: '#5CBBF6',
          // surface: '#000000',
          // background: '#1867C0',
        },
      },
    },
    options: {
      luiCssBaseline: {
        '@global': {
          html: {
            fontSize: `${baseFontSize}px`, // 设置基准字体大小
          }
        }
      }
    },
    WfText:{
      h1: {
        fontSize: `${24 / baseFontSize}rem`,// 24px转换为rem
      },
      h2: {
        fontSize: `${30 / baseFontSize}rem`,// 24px转换为rem
      }
    }
  },
})
